<div class="ddp-wrap-grid" [ngClass]="{'ddp-selected': selectedDatasetId !== ''}">
  <!-- 테이블 -->
  <div class="ddp-wrap-viewtable ddp-add">
    <div class="ddp-box-viewtable">
      <!-- gridhead -->
      <div class="ddp-ui-gridhead">
        <table class="ddp-table-form ddp-table-type2">
          <colgroup>
            <col width="51px">
            <col width="*">
            <col width="120px">
            <col width="180px">
          </colgroup>
          <thead>
          <tr>
            <th class="ddp-txt-center">
              <!--<div class="ddp-ui-checkbox" [ngClass]="{'ddp-checkboxtype' : partialChecked()}" >-->
                <!--<input type="checkbox" class="ddp-checkbox-form" [checked]="isCheckAll && !isCheckAllDisabled" [disabled]="isCheckAllDisabled">-->
                <!--<i class="ddp-icon-checkbox"></i>-->
              <!--</div>-->
            </th>
            <th class="ddp-cursor" (click)="changeOrder('dsName');">
              {{'msg.comm.menu.manage.prep.set' | translate}}
              <em class="ddp-icon-array-default2" *ngIf="selectedContentSort.key !== 'dsName' || selectedContentSort.sort === 'default'"></em>
              <em class="ddp-icon-array-asc2" *ngIf="selectedContentSort.key === 'dsName' && selectedContentSort.sort === 'asc'"></em>
              <em class="ddp-icon-array-des2" *ngIf="selectedContentSort.key === 'dsName' && selectedContentSort.sort === 'desc'"></em>
            </th>
            <th>
              {{'msg.comm.th.type' | translate}}
            </th>
            <th (click)="changeOrder('modifiedTime');">
              {{'msg.comm.ui.list.last' | translate}}
              <em class="ddp-icon-array-default2" *ngIf="selectedContentSort.key !== 'modifiedTime' || selectedContentSort.sort === 'default'"></em>
              <em class="ddp-icon-array-asc2" *ngIf="selectedContentSort.key === 'modifiedTime' && selectedContentSort.sort === 'asc'"></em>
              <em class="ddp-icon-array-des2" *ngIf="selectedContentSort.key === 'modifiedTime' && selectedContentSort.sort === 'desc'"></em>
            </th>
          </tr>
          </thead>

        </table>
      </div>
      <!--// gridhead -->

      <!-- gridbody -->
      <div class="ddp-ui-gridbody">
        <table class="ddp-table-form ddp-table-type2 ddp-table-select">
          <colgroup>
            <col width="51px">
            <col width="*">
            <col width="120px">
            <col width="180px">
          </colgroup>

          <tbody>
          <tr *ngFor="let item of importedDatasets"
              (click)="selectDataset(item);"
              [ngClass]="{'ddp-selected': selectedDatasetId == item.dsId}">
            <td class="ddp-txt-center"  (click)="check($event, item);">
              <div class="ddp-ui-radio">
                <input type="radio" class="ddp-checkbox-form" [checked]="swappingDatasetId === item.dsId" name="datasetRadio">
                <i class="ddp-icon-radio"></i>
              </div>
            </td>
            <td>
              <div class="ddp-txt-long">
                {{item.dsName}}
                <span class="ddp-txt-colortype" *ngIf="item.dsDesc">- {{item.dsDesc}}</span>
              </div>
            </td>
            <td>
              <span *ngIf="item.dsType.toString() === 'WRANGLED'">{{'msg.dp.ui.wrangled.ds' | translate}}</span>
              <span *ngIf="item.dsType.toString() === 'IMPORTED'">Imported ({{prepCommonUtil.getImportType(item.importType)}})</span>
            </td>
            <td>
              {{item.modifiedTime | mdate:'YYYY-MM-DD HH:mm'}}
            </td>
          </tr>
          </tbody>
        </table>
      </div>
      <!--// gridbody -->
    </div>
    <div class="ddp-box-add-link3" [ngClass]="{'ddp-disabled' : !(page.page < pageResult.totalPages)}" (click)="getMoreList()">
      <span class="ddp-link-type">{{'msg.comm.ui.more' | translate}} <em class="ddp-icon-view"></em></span>
    </div>
  </div>
  <!-- //테이블 -->

</div>
